<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
</head>
<body>
    <!-- header -->
    <div id="header">
        <div class="header-con">
            <p class="logo"><img src="./images/logo.svg" alt=""></p>
            <ul class="nav">
                <li><a href="">首页</a></li>
                <li>
                    <a href="">发现</a>
                    <!-- 二级菜单 -->
                    <div class="nav1">
                        <ul class="nav1_s">
                            <p><a href="">平面</a></p>
                            <p><a href="">UI</a></p>
                            <p><a href="">网页</a></p>
                            <p><a href="">插画</a></p>
                            <p><a href="">动漫</a></p>
                            <p><a href="">摄影</a></p>
                            <p><a href="">空间</a></p>
                            <p><a href="">工业/产业</a></p>
                            <p><a href="">三维</a></p>
                            <p><a href="">影视</a></p>
                            <p><a href="">手工艺</a></p>
                            <p><a href="">纯艺术</a></p>
                            <p><a href="">服装</a></p>
                            <p><a href="">其他</a></p>
                        </ul>
                        <div class="nav1_x">
                            <a class="nav1_xl">精选作品 <em class="iconfont icon-jiantou1"></em></a>
                            <a class="nav1_xc">精选文章 <em class="iconfont icon-jiantou1"></em></a>
                            <a class="nav1_xr">精选收藏 <em class="iconfont icon-jiantou1"></em></a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">职位</a>
                    <!-- 二级菜单 -->
                <ul class="nav2">
                    <p class="nav2_l"><a href="">职位</a></p>
                    <p class="nav2_c"><a href="">公司</a></p>
                    <p class="nav2_x"><a href="">+发布职位</a></p>
                </ul>
                </li>
                
                <li><a href="">活动</a></li>
                <li style="width:104px"><a href="">正版素材</a></li>
                <li><a href="">课程</a></li>
                <li style="width:104px"><a href="">版权保护</a></li>
                <li class=nav_bg>
                    <!-- 二级菜单 -->
                    <ul class="nav8">
                        <p><a href="">设计师</a></p>
                        <p><a href="">榜单</a></p>
                        <p><a href="">站酷APP</a></p>
                        <p><a href="">站酷字库</a></p>
                    </ul>
                </li>
            </ul>
            <div class="header_left">
                <p class="search"></p>
                <p class="load"></p>
            </div>
            <div class="header_right">
                <p class="denglu">登录</p>
                <p class="zhuce">注册</p>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div id="banner">
        <div class="banner-con"></div>
    </div>
    <div id="container">
        <a id="prev_btn"><img src="./images/zuo-copy.png" /></a>
        <a id="next_btn"><img src="./images/you-copy.png" /></a>
        <ul id="banner_container">
            <li><img src="./images/1.jpg@1380w" alt=""></li>
            <li><img src="./images/2.jpg@1380w" alt=""></li>
            <li><img src="./images/3.jpg@1380w" alt=""></li>
            <li><img src="./images/4.png@1380w" alt=""></li>
            <li><img src="./images/5.png@1380w" alt=""></li>
            <li><img src="./images/6.jpg@1380w" alt=""></li>
            <li><img src="./images/1.jpg@1380w" alt=""></li>
        </ul>
    </div>
    <!-- list -->
    <div id="list">
        <div class="list-con">
            <p class="list"><img src="./images/1.jpg" alt=""></p>
            <p class="list"><img src="./images/2.jpg" alt=""></p>
            <p class="list"><img src="./images/3.jpg" alt=""></p>
            <p class="list"><img src="./images/4.jpg" alt=""></p>
            <p><img src="./images/5.jpg" alt=""></p>
        </div>
    </div>
    <!--页面主体导航 -->
    <div id="main-wrap">
        <div class="main_wrap">
            <ul class="wraplr">
                <li class="main_l"><a href="">首页推荐</a></li>
                <li class="main_r"><a href="">最新发布</a></li>
            </ul>    
        </div>
    </div>
    <div id="main">
        <div class="main-con">
        <!--<div class=main_con>
                <p><img src="./images/main.jpg" alt=""></p>
                <div class="main_conx">  
                    <h2>拍照时跳广场舞的怪力女孩</h2>
                    <h4>摄影-人像</h4>
                    <div>
                        <em><img src="./images/card-liulan.svg" alt=""></em>
                        <span>5191</span>
                        <em><img src="./images/card-pinglun.svg" alt=""></em>
                        <span>13</span>
                        <em><img src="./images/card-zan.svg" alt=""></em>
                        <span>198</span>
                    </div>
                </div>
            </div>     -->
        </div>
    </div>
    <!-- page -->
    <div id="page">
        <div class="page-con">
            <div class="page_con">
                <p><a href="">1</a></p>
                <p><a href="">2</a></p>
                <p><a href="">3</a></p>
                <p><a href="">4</a></p>
                <p><a href="">5</a></p>
                <p><a href="">6</a></p>
                <p><a href="">7</a></p>
                <p><a href="">...</a></p>
                <p><a href="">99</a></p>
                <p><a href="">100</a></p>
                <p><a href=""><img src="./images/gengduojiantou.svg" alt=""></a></p>
            </div>        
        </div>
    </div>
    <!-- picture -->
    <div id="pic">
        <div class="pic-con">
            <p><img src="./images/pic.jpg" alt=""></p>
            <div class="pic_con">
                <p class="pic_conl">推荐课程</p>
                <p class="pic_conr">换一换</p>
            </div>
        </div>
    </div>

    <!-- cardbox -->
    <div id="cardbox">
        <div class="card-box">
            <!-- <div class="card_box">
                <li><img src="./images/card1.jpg" alt=""></li>
                <h3>水墨古风人像绘画</h3>
            </div> -->
        </div>
    </div>

    <!-- footer -->
    <div id="footer">
        <div class="footer-con">
            <div class="footer-s">
                <ul class="footer-sl">
                    <li>移动版</li>
                    <li>关于我们</li>
                    <li>用户协议</li>
                    <li>隐私政策</li>
                    <li>侵权申诉</li>
                    <li>企业服务</li>
                    <li>帮助中心</li>
                    <li>联系我们</li>
                    <li>中文</li>
                    <li>English</li>
                </ul>
                <div class="footer-sr">
                    <em><img src="./images/weixin.svg" alt=""></em>
                    <i><img src="./images/weibo.svg" alt=""></i>
                </div>
            </div>
            <div class="footer-z">
                <em>京公网安备110105020000501号</em>
                <em>广播电视节目制作经营许可证（京）字第06990号</em>
                <em>京ICP备11017824号</em>
                <em>京ICP证130164号</em>
            </div>
            <div class="footer-x">
                <i>营业执照</i>
                <i>网上有害信息举报专区</i>
                <i>不良信息举报电话：010-56538658</i>
                <i>举报邮箱jubao@zcool.com.cn</i>
                <i>联系电话：010-56538600</i>
                <i>Copyright© 2006-2020 ZCOOL</i>
            </div>
        </div>
    </div>
<!-- 回到顶部按钮 -->

<div class="box">
    <p></p>
</div>



    <script src="./js/zcool.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</body>
</html>